﻿<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">

	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">

		<title>Hui Xing Blog | Photos</title>

		<!-- Stylesheets -->
		<link href="/blog/css/style.css" rel="stylesheet">
		<link href="/blog/css/responsive.css" rel="stylesheet">
		<link rel="icon" href="images/favicon.ico" type="image/x-icon">

	</head>

	<!-- page wrapper -->

	<body class="boxed_wrapper">

		<!-- .preloader -->
		<div class="preloader"></div>
		<!-- /.preloader -->

		<!-- menu-area -->
		<header class="main-header">

			<div class="logo-area">
				<div class="container">
					<div class="logo-box">
						<a href="index.html">
							<figure><img src="/blog/images/logo/logo1.png" alt=""></figure>
						</a>
					</div>
				</div>
			</div>

			<!-- main-menu -->
			<div class="theme_menu menu-area stricky centred">
				<div class="container">
					<div class="row">
						<div class="col-md-12 col-sm-12 col-xs-12 menu-column">
							<div class="menu-area">
								<nav class="main-menu border-top">
									<div class="navbar-header">
										<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                                        <span class="icon-bar"></span>
                                        <span class="icon-bar"></span>
                                        <span class="icon-bar"></span>
                                        <span class="icon-bar"></span>
                                    </button>
									</div>
									<div class="navbar-collapse collapse clearfix">
										<ul class="navigation clearfix">
											<li>
												<a href="/blog/" target="_blank">Home</a>
											</li>
											<li>
												<a href="/blog/about" target="_blank">About</a>
											</li>
											<li >
												<a href="/blog/research" target="_blank">Research</a>

											</li>
											<li>
												<a href="/blog/publicactions" target="_blank">Publications</a>
											</li>
											<li>
												<a href="/blog/teaching" target="_blank">Teaching</a>
											</li>
											<li class="current">
												<a href="/blog/photos" >Photos</a>
											</li>

										</ul>
										<!-- mobile menu -->
										<ul class="mobile-menu clearfix">
											<li>
												<a href="/blog/">Home</a>
											</li>
											<li>
												<a href="/blog/about">About</a>
											</li>
											<li >
												<a href="/blog/research">Research</a>

											</li>
											<li>
												<a href="/blog/publicactions">Publications</a>
											</li>
											<li>
												<a href="/blog/teaching">Teaching</a>
											</li>
											<li class="current">
												<a href="/blog/photos">Photos</a>
											</li>
										</ul>
									</div>
								</nav>
							</div>
						</div>
					</div>
				</div>
			</div>
			<!-- end main-menu -->
		</header>
		<!-- end menu-area -->

		<!--Page Title-->
		<section class="page-title centred">
			<div class="container">
				<div class="text">Photos </div>
			</div>
		</section>
		<!--End Page Title-->

		<!-- slider-style-six -->
		<section class="slider-style-six">
			<div class="container" style="min-height:678px;">
				<div class="row">


					<div class="col-md-4 col-sm-12 col-xs-12 column" th:each="p : ${photos}">
						<div class="single-item">
							<div class="single-item-overlay">
								<div class="img-box">
									<img th:src="${p.url}" alt="" width="100%" height="300">
									<div class="overlay">
										<div class="inner-box">
											<div class="content blog-content-one">

												<div class="title">
													<h3><a href="#"><span th:text="${p.description}"></span></a></h3></div>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
						
					</div>

				</div>
			</div>
		</section>
		<!-- slider-style-six end -->

		<!-- footer bottom -->
		<section class="footer-bottom footer-bottom-one centred">
			<div class="container">
				<div class="copyright">CopyrightS © 2019
					<a href="">HuiXing</a>. All rights reserved</div>
			</div>
		</section>
		<!-- footer bottom -->

		<!--Scroll to top-->
		<div class="scroll-to-top scroll-to-target" data-target=".main-header"><span class="icon fa fa-angle-up"></span></div>

		<!--jquery js -->
		<script type="text/javascript" src="/blog/js/jquery-2.1.4.js"></script>
		<script src="/blog/js/bootstrap.min.js"></script>

		<script type="text/javascript" src="/blog/js/SmoothScroll.js"></script>
		<!--<script src="js/html5lightbox/html5lightbox.js"></script>-->

		<script src="/blog/js/script.js"></script>

	</body>
	<!-- End of .page_wrapper -->

</html>